<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>简历展示</title>
  <link rel="stylesheet" href="../css/users-form.css">
</head>

<body>
  <div>
    <div id="field" class="resume-field"></div>
    <div class="form-container">
      <form id="userForm">
        <div id="fieldset-container">
          <fieldset>
            <legend>基本信息</legend>
            <div class="form-row">
              <div class="form-group">
                <label for="name">姓名:</label>
                <input type="text" id="name" name="name" required>
              </div>
              <div class="form-group">
                <label for="age">年龄:</label>
                <input type="text" id="age" name="age" required>
              </div>
            </div>
            <div class="form-row">
              <div class="container2">
                <div class="gender">
                  性别:<input type="radio" name="gender" value="male">男
                  <input type="radio" name="gender" value="female">女
                </div>
                <div class="grade">
                  年级：<select name="grade">
                    <option>大一</option>
                    <option>大二</option>
                    <option>大三</option>
                  </select>
                </div>
              </div>
              <div class="form-group">
                <label for="college">学院：</label>
                <input type="text" id="college" name="college" required>
              </div>
              <div class="form-group">
                <label for="major">专业:</label>
                <input type="text" id="major" name="major" required>
              </div>
              <div class="form-group">
                <label for="class">班级:</label>
                <input type="text" id="class" name="class" required>
              </div>
            </div>

            <div class="form-row">
              <div class="form-group">
                <label for="tel">电话:</label>
                <input type="text" id="tel" name="tel" required>
              </div>
              <div class="form-group">
                <label for="qq">QQ:</label>
                <input type="text" id="qq" name="qq" required>
              </div>
              <div class="form-group">
                <label for="address">地址:</label>
                <input type="text" id="address" name="address" required>
              </div>

          </fieldset>

          <fieldset>
            <legend>教育背景</legend>
            <div class="form-row">
              <div class="form-group">
                <label for="score">高考成绩:</label>
                <input type="text" id="score" name="score" required>
              </div>
              <div class="form-group">
                <label for="chinese">语文:</label>
                <input type="text" id="chinese" name="chinese" required>
              </div>
              <div class="form-group">
                <label for="math">数学:</label>
                <input type="text" id="math" name="math" required>
              </div>
            </div>
            <div class="form-row">
              <div class="form-group">
                <label for="English">英语:</label>
                <input type="text" id="English" name="English" required>
              </div>
              <div class="form-group">
                <label for="Science-score">理综:</label>
                <input type="text" id="Science-score" name="Science-score" required>
              </div>
            </div>

          </fieldset>

          <fieldset>
            <legend>其他信息</legend>
            <div class="form-group">
              <label for="experience">个人学习经历:</label>
              <textarea id="experience" name="experience" rows="8" required></textarea>
            </div>
            <div class="form-group">
              <label for="evaluation">自我评价:</label>
              <textarea id="evaluation" name="evaluation" rows="8" required></textarea>
            </div>
          </fieldset>
        </div>
        <div id="button-container" class="btn-container">
          <button type="button" id="editResumeBtn">修改简历</button>
          <button type="button" id="deleteResumeBtn">删除简历</button>
          <button type="button" id="checkComment">查看留言</button>
        </div>
      </form>
    </div>
  </div>
  <script src="../js/new-form.js"></script>
</body>

</html>